<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Home</title>
    <link th:href="@{/css/bootstrap/3.3.6/bootstrap.css}" rel='stylesheet' type='text/css' />

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link th:href="@{/css/style.css}" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/login.js}"></script>
    <script th:src="@{/js/jquery.easydropdown.js}"></script>
    <!--Animation-->
    <script th:src="@{/js/wow.min.js}"></script>
    <link th:href="@{/css/animate.css}" rel='stylesheet' type='text/css' />
    <script>
        new WOW().init();
    </script>
</head>
<body>
<div class="header">
    <div class="col-sm-8 header-left">
        <div class="logo">
            <a th:href="@{/user/toIndex}"><img th:src="@{/images/hotel/logo.png}" alt=""/></a>
        </div>
        <div class="menu">
            <a class="toggleMenu" href="#"><img th:src="@{/images/hotel/nav.png}" alt="" /></a>
            <ul class="nav" id="nav">
                <li class="active"><a th:href="@{/user/toIndex}">主页</a></li>
                <li><a th:href="@{/user/toRooms}">房间</a></li>
                <li><a th:href="@{/room/searchRoom}">搜索</a></li>
                <li><a th:href="@{/user/toGallery}">酒店</a></li>
                <li><a th:href="@{/user/userCenter}">个人中心</a></li>
                <div class="clearfix"></div>
            </ul>
            <script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
        </div>
        <!-- start search-->
        <div class="search-box">
            <div id="sb-search" class="sb-search">
                <form>
                    <input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
                    <input class="sb-search-submit" type="submit" value="">
                    <span class="sb-icon-search"> </span>
                </form>
            </div>
        </div>
        <!----search-scripts---->
        <script th:src="@{/js/classie.js}"></script>
        <script th:src="@{/js/uisearch.js}"></script>
        <script>
            new UISearch( document.getElementById( 'sb-search' ) );
        </script>
        <!----//search-scripts---->
        <div class="clearfix"></div>
    </div>
    <div class="col-sm-4 header_right">
        <div id="loginContainer">
            <a href="#" id="loginButton"><img th:src="@{/images/hotel/login.png}">
                <span th:if="${session.person != null}" id="logins" th:value="${session.person}" th:text="${session.person.userName}"></span>
                <span th:if="${session.person == null}">登  录</span>
            </a>

            <div id="registBox">
                <a th:href="@{/pages/toRegist}" id="registButton">
                    <span th:if="${session.person == null}">注  册</span>
                    <span th:if="${session.person != null}" ></span>
                </a>
                <a th:href="@{/user/logout}" id="logoutButton">
                    <span th:if="${session.person != null}">退  出</span>
                    <span th:if="${session.person == null}" ></span>
                </a>
            </div>



            <div id="loginBox">
                <form th:action="@{/user/welcome}" id="loginForm" th:method="POST">
                    <fieldset id="body">
                        <fieldset>
                            <label for="name">用户名</label>
                            <input type="text" name="userName" id="name">
                        </fieldset>
                        <fieldset>
                            <label for="password">密码</label>
                            <input type="password" name="userPassword" id="password">
                        </fieldset>
                        <input type="submit" id="login" value="登录">
                        <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住我</i></label>
                    </fieldset>
                    <span><a href="#">忘记您的密码了？</a></span>
                </form>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>
<div class="banner">
    <script type="text/javascript" th:src="@{/js/address.js}"></script>

    <div class="container_wrap">
        <form th:action="@{/room/listbycity}" method="post">
            <div class="dropdown-buttons">
                <div class="dropdown-button">
                    <select id="cmbProvince" name="cmbProvince" class="" tabindex="5" data-settings='{"wrapperClass":"flat"}'></select>
                </div>
                <div class="dropdown-button">
                    <select id="cmbCity" name="cmbCity" class="" tabindex="9" data-settings='{"wrapperClass":"flat"}'></select>
                </div>
                <div class="dropdown-button">
                    <select id="cmbArea" name="cmbArea" class="" tabindex="9" data-settings='{"wrapperClass":"flat"}'></select>
                </div>
            </div>
            <div class="contact_btn">
                <label class="btn1 btn-2 btn-2g"><input name="submit" type="submit" id="submit" value="查询"></label>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    addressInit('cmbProvince', 'cmbCity', 'cmbArea');
</script>

<div class="clearfix"></div>
<div class="offering">
    <h2>What can Hotel Deluxe offer to you ?</h2>
    <h3>Ut wisi enim ad minim veniam, quis</h3>
    <ul class="icons wow fadeInUp" data-wow-delay="0.4s">
        <li><i class="icon1"> </i><span class="one"> </span></li>
        <li><i class="icon2"> </i><span class="two"> </span></li>
        <li><i class="icon3"> </i><span class="three"> </span></li>
        <li><i class="icon4"> </i><span class="four"> </span></li>
        <li><i class="icon5"> </i></li>
    </ul>
    <div class="real">
        <h4>Reality</h4>
        <div class="col-sm-6">
            <ul class="service_grid">
                <i class="s1"> </i>
                <li class="desc1 wow fadeInRight" data-wow-delay="0.4s">
                    <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod maxim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum</p>
                </li>
                <div class="clearfix"> </div>
            </ul>
        </div>
        <div class="col-sm-6">
            <ul class="service_grid">
                <i class="s2"> </i>
                <li class="desc1 wow fadeInRight" data-wow-delay="0.4s">
                    <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod maxim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum</p>
                </li>
                <div class="clearfix"> </div>
            </ul>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
</div>
</div>
</div>
<div class="footer">
    <div class="container">
        <div class="footer_top">
            <h3>Subscribe to our newsletter</h3>
            <form>
		<span>
			<i><img th:src="@{/images/hotel/mail.png}" alt=""></i>
		    <input type="text" value="Enter your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email';}">
		    <label class="btn1 btn2 btn-2 btn-2g"> <input name="submit" type="submit" id="submit1" value="Subscribe"> </label>
		    <div class="clearfix"> </div>
		</span>
            </form>
        </div>
        <div class="footer_grids">
            <div class="footer-grid">
                <h4>Ipsum Quis</h4>
                <ul class="list1">
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="#">Mirum est</a></li>
                    <li><a href="#">Placerat facer</a></li>
                    <li><a href="#">Claritatem</a></li>
                    <li><a href="#">Sollemnes </a></li>
                </ul>
            </div>
            <div class="footer-grid">
                <h4>Quis Ipsum</h4>
                <ul class="list1">
                    <li><a href="#">Placerat facer</a></li>
                    <li><a href="#">Claritatem</a></li>
                    <li><a href="#">Sollemnes </a></li>
                    <li><a href="#">Claritas</a></li>
                    <li><a href="#">Mirum est</a></li>
                </ul>
            </div>
            <div class="footer-grid last_grid">
                <h4>Follow Us</h4>
                <ul class="footer_social wow fadeInLeft" data-wow-delay="0.4s">
                    <li><a href=""> <i class="fb"> </i> </a></li>
                    <li><a href=""><i class="tw"> </i> </a></li>
                    <li><a href=""><i class="google"> </i> </a></li>
                    <li><a href=""><i class="u_tube"> </i> </a></li>
                </ul>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
</body>

<script>
    $(function () {
        $('#loginButton').click(function () {
            var test = $('#logins').val();
            if(test!=null){
                $('#loginBox').remove();
            }
        })

    })
</script>


</html>